<template>
    <van-cell-group v-for="item in lists" :key="item">
    <van-cell center :icon="item.img" :title="item.title" :value="item.value" :label="item.label" />
    </van-cell-group>
   </template>
   <script setup>
   const lists = [
    {
    img: 'src/assets/images/000.jpg',
    title: '花店',
    value: '星期二',
    label: "你有一条花品上新消息"
    },
    {
    img: 'src/assets/images/jjj.jpg',
    title: '水果批发市场',
    value: '星期一',
    label: "水果限时特价："
    },
    {
    img: 'src/assets/images/4567.jpg',
    title: '订阅号新消息',
    value: '星期六',
    label: "水果批发市场：【新到水果新品————泰国猫山王榴莲、海南波罗蜜】"
    },
    {
    img: 'src/assets/images/1234.jpg',
    title: '消息号新内容',
    value: '星期天',
    label: "花店:大量新品到,货速来挑选自己心仪的花束带回家吧"
    } ]
</script>
<style lang="less" scoped>
:deep(.van-cell) {
 .van-cell__left-icon {
 width: 40px;
 height: 40px;
 .van-icon__image {
 width: 100%;
 height: 100%;
 }
 }
 .van-cell__title {
 .van-cell__label {
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 width: 165px;
 }
 } 
}
</style>